JS插入网页独立编辑器

2021-07-23

391次阅读

完整代码：

<script type="text/javascript" src="__STATIC__/wenxue/ice/iceEditor.min.js"></script>
<script type="text/javascript">
//第一步：创建实例化对象
ice.editor('editor',function(e){
    //配置编辑选项
    this.uploadUrl="__STATIC__/wenxue/ice/upload.php";
    //第二步，自定义菜单，默认加载全部
    e.menu = [
        'backColor', //字体背景颜色
        'fontSize', //字体大小
        'foreColor', //字体颜色
        'bold', //粗体
        'italic', //斜体
        'underline', //下划线
        'strikeThrough', //删除线
        'justifyLeft', //左对齐
        'justifyCenter', //居中对齐
        'justifyRight', //右对齐
        'indent', //增加缩进
        'outdent', //减少缩进
        'insertOrderedList', //有序列表
        'insertUnorderedList', //无序列表
        'superscript', //上标
        'subscript', //下标
        'createLink', //创建连接
        'unlink', //取消连接
        'hr', //水平线
        'table', //表格
        'files', //附件
        'music', //音乐
        'video', //视频
        'insertImage', //图片
        'removeFormat', //格式化样式
        'paste', //富文本粘贴
        'code', //源码
        'line' //菜单分割线
    ];


    //第三步：创建
    e.create();
});
</script>

需要注意的是，上面代码中的 editor 代表着你的编辑器唯一id，千万不能重复。

更多资料参考官网吧，我这边是正常使用了。还有点问题，就是上传的时候出现文件夹不存在，我想应该是需要改一下php文件代码的，因为所有文件夹都是755权限，也可以尝试修改一下777权限再试一下。

目前使用的是香港30M大带宽，可以尝试把数据放在本地的。